﻿<h2 class="dialog-header">Job Configuration</h2>
<form class="cq-form form-horizontal">
    <div class="form-group form-group-sm">
        <label for="jobKind" class="col-sm-3 control-label">Job:</label>
        <div class="col-sm-9">
            <select id="jobKind" class="form-control js_jobKindSelect"></select>
        </div>
    </div>

    <div class="cq-form-separator"></div>

    <div class="form-group form-group-sm js_jobTypeExisting">
        <label for="existingJob" class="col-sm-3 control-label">Existing Job<sup>*</sup>:</label>
        <div class="col-sm-9 js_existingJobContainer">
            <select id="existingJob" class="form-control js_existingJobSelect"></select>
        </div>
    </div>

    <div class="js_jobTypeNew">
        <div class="form-group form-group-sm">
            <label for="newJobName" class="col-sm-3 control-label">Job Name:</label>
            <div class="col-sm-9">
                <input id="newJobName" class="form-control js_newJobNameInput" />
            </div>
        </div>

        <div class="form-group form-group-sm">
            <label for="newJobClass" class="col-sm-3 control-label">Job Class<sup>*</sup>:</label>
            <div class="col-sm-9 js_newJobClassContainer">
                <select id="newJobClass" class="form-control js_newJobClassSelect"></select>
            </div>
        </div>
    </div>
</form>